@charset "utf-8";
/* CSS Document */
*{box-sizing:content-box;}
body{ margin:0px; padding:0px; font-size:14px;  color:#666666; font-family:"微软雅黑"; min-width:1200px;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;font-family:"微软雅黑";}
:hover{/* transition: all 0.3s ease-in 0.1s,color 0.2s ease-out 0.1s; */}
a{color:#2b2b2b;text-decoration:none;}
a:hover{color:#666666;text-decoration:none;}
ol,ul,li,p,h1,h5,h2,h3,h4,h6{list-style:none;margin:0px; padding:0px;}
img{border:0px;}
form{ margin:0px; padding:0px;}input,textarea{ outline:0}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animationName{animation-name: sfs !important;}
@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);-ms-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@-webkit-keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);-ms-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
@-webkit-keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}  50% {opacity: 1;}}
@keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);-ms-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}  50% {opacity: 1;}}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}
.animation-delay-100 {-webkit-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s}
.animation-delay-200 { -webkit-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s}
.animation-delay-300 { -webkit-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s}

.liuhai09 ul a{color:#fff}
.fl{float:left;}
.fr{float:right}
.wd1200{width:1200px;margin: 0 auto;height: auto}
.W1200{width:1200px;margin: 0 auto;height: auto}
#titbj{float:left;height:41px;width:100%;background: #f3f3f3;border-bottom: 1px solid #e8e5e5;}
#titbj h1,#titbj .h1{ width:1200px; margin:0 auto; height:40px; line-height:40px; font-size:14px; font-weight:normal; }
.top {padding: 20px 0;height: 90px;width: 100%;float:left;}
.top .logo{display: block;padding-right: 10px;height: 90px;}
.top .logo a img{display: block;height: 100%;width: auto;}
.top .logo a{display: block;height: 100%; width: auto;}
.top .logo_2{display: block;height: 60px;padding: 0 0 0 20px;border-left: 1px solid #e7e7e7;margin-top: 13px;}
.top .logo_2 strong{display: block;font-size: 24px;font-weight: bold;line-height: 32px;color: #1d3e6f;max-width: 475px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;min-width: 360px;}
.top .logo_2 p{display: block;font-size: 18px;line-height: 24px;color: #666;padding-bottom: 4px;max-width: 475px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.top .top_tel{width: 220px;height: 80px;display: block;overflow: hidden;background: url(../pic/top_tel.png) 0px 4px no-repeat;padding-left: 57px;margin-top: 18px;}
.top .top_tel i{float:left;width: 184px;display: block;color: #777;font-style: normal;}
.top .top_tel  p{font-size: 32px;color: #1d3e6f;line-height:28px;height: 32px;float:left;margin-top: 5px;font-weight:bold;width: 234px;overflow: hidden;}
.top .top_tel p span{font-size: 16px;display: block;line-height: 22px; font-weight:normal}

/*菜单*/
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.index-nav{width: 100%;height: 60px;background-color: #1d3e6f;float: left;color:#fff;padding: 0 0 0 0;}
.index-nav-frame{width: 1200px;margin: 0 auto;height: 60px;}
.Nptline{z-index: 9999999;width: 150px;float: left;position: relative;display: block;outline: none;cursor: pointer;height: 60px;line-height: 60px;text-align: center;margin: 0;font-size: 16px;/* border-right: 1px solid #e3e3e3; */}
.Nptline:after{content:"";position:absolute;width:1px;height:30px;background:#e2e2e2;right:0;top:50%;margin-top:-15px}
.Nptline.active{background: #25355f;}
.Nptline:hover{background: #25355f; }
.Nptline:hover .Nptcenter{height:auto;opacity: 1;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.Nptline a{color:#fff;}
.Nptcenter{width: 148px;border:1px solid #25355f;border-top:0;background: #fff;opacity: 0;display: block;height:0;position: absolute;overflow: hidden;transition: all 0.5s;margin-bottom: 1px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.Nptcenter .Nptli{width: 100%;font-weight: normal;font-size: 16px;text-align: center;background:#FFF;color: #000;float:left;height: 40px;line-height: 40px;margin: 0 auto;text-decoration: none;border-bottom: 1px solid #ededed;z-index:99;margin-bottom: 1px;}
.Nptcenter .Nptli a{color:#000;float:left;width:100%;}
.Nptcenter a:hover{background: #25355f;color: white;}
.Nptline-focus:focus{display: none;}
/*轮播广告*/
.bn-alp { width:100%; height:500px; position:relative; float:left;  background: #ffed29 no-repeat;background-position:50% 0%; overflow:hidden }
.bn-alp ul,.bn-alp li { margin:0; padding:0; list-style:none; }
.bn-alp .abox { height:100%; position:relative; }
.bn-alp .abox li { width:100%; height:500px; background-position:50% 0%; background-repeat:no-repeat; background-color:#dddddd; background-size:cover; position:absolute; top:0; left:0; z-index:10; }
.bn-alp .abox li.on { z-index:99; }
.bn-alp .abox li img.bg { display:none; }
.bn-alp .abox li a.b { display:block; width:100%; height:100%; }
.bn-alp .i { bottom:25px; left:50%; margin-left:-50px; text-align:center; position:absolute; z-index:100;}
.bn-alp .i i {display:inline-block;margin-right:10px;width:16px;height:16px;background: #fff;border-radius: 50%;cursor:pointer;/* transition: 0.3s all ease-in-out; */}
.bn-alp .i i.on {background-position: -130px 0;background: #1d3e6f;}
.entitle{font: normal 12px "AvantGarde Bk BT";color:#666;text-align: center;padding-bottom: 30px;text-transform: uppercase;}
.entitle[type="1"]{color:#fff;position: relative;z-index: 99;padding-top: 10px;}
.cntitle{font-size:30px;color: #333;text-align: center;padding: 40px 0 10px 0;position: relative;} .cntitle a{color: #333;position: relative;padding: 0 90px;}
.cntitle:before{position:absolute;content:"";width:60px;height:2px;background:#0678bb;bottom:5px;left:50%;margin-left:-30px;}
.cntitle[type="1"]{color:#fff;position: relative;z-index: 99;}
.cntitle[type="1"]:before{background:#fff;}

/*产品*/
.plist{ display: block; width: 210px; background: #fff; float:left}
.plist .gundong{max-height: 776px;overflow: auto;overflow-x: hidden;max-height: 585px;}
.plist .gundong::-webkit-scrollbar {/*滚动条整体样式*/  width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/  height: 6px;}
.plist .gundong::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);  background: rgba(0,0,0,0.4);}
.plist .gundong::-webkit-scrollbar-track {/*滚动条里面轨道*/  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);  border-radius: 0;  background: rgba(0,0,0,0.05);}
.plist h2{float: left;width: 150px;font-weight:normal;font-size: 16px;line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;padding-left: 20px;margin-bottom: 15px;margin-left: 20px;}
.plist h2 a{color:#252525}
.plist h3{float: left;width: 114px;font-size: 13px;line-height: 40px;font-weight:normal;padding-left: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 15px;display: none;margin-left: 20px;}
.plist h2:hover{background: #0c4b9c;}
.plist h2:hover a{color:#fff}
.plist h2:hover span{ color:#ffffff}
.plist h3:hover{background: #0c4b9c;}
.plist h3:hover a{color:#fff}
.plist h2 span{
    position: absolute;
    right: 10px;
    cursor:pointer;
    display: block;
    width: 20px;
    height: 20px;
    background: #1d3e6f url(../pic/prod_list_c.png) no-repeat -9px 5px;
    border-radius: 50%;
    position: absolute;
    font-size:0;
    text-indent:2em;
    top: 10px;
    transition: 0.3s all ease-in-out;
    }
.plist .li03 a:hover{color:#FFF;}
.plist ul{float:left;width:208px;max-height:635px;padding: 20px 0;border: 1px solid #eee;border-top: 0;}
.plist .plist_row1{display: block;height: 85px;width: 100%;position: relative;float:left;text-decoration:none;background: #1d3e6f;text-align:center;}
.plist .plist_row1 span {color: #fff;position: relative;font-size: 24px;font-weight: bold;display: block;margin-top: 15px;margin-bottom: 5px;}
.plist .plist_row1 em { font-style:normal;font-size: 14px;color: #f4c1c1; font-family: Arial; text-transform: uppercase; display: block;}


.product {width: 100%;float: left;position: relative;padding-bottom: 30px;}
.product .ScplistL{float:left;width:210px;background: #ffffff;}
.product .ScplistL .tittle{float:left;background: #1d3e6f;border-radius: 10px 10px 0 0;line-height: 65px;color:#fff;padding-left:20px;width: 190px;font-weight:bold;font-size:16px;height: 65px;}
.product .ScplistL .tittle span{ font-size:12px; font-weight: normal; padding-left: 10px;}
.product .ScplistL .C1{float:left;border-top:0px;width:188px;padding-left:20px;padding-top:10px;background: #f6f6f6;border: 1px solid #1d3e6f;background: #ffffff;}
.product .ScplistL .C1 h2{float:left;width:168px;font-size:15px;line-height: 42px;border-bottom:1px dashed #ededed;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position:relative;    }
.product .ScplistL .C1 h3{ float:left; width:148px; font-size:13px; line-height:30px; padding-left:20px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative}
.product .ScplistL .C1 h3:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 100%; background-color: #1d3e6f; position: absolute; left: 7px;top: 13px;}
.product .ScplistL .C1 h2:after{content:'';background:#1d3e6f;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:1px;border-radius:0px;transition:all 0.4s;width:0;z-index: 4}
.product .ScplistL .C1 h2:hover:after{width:100%; }
.product .ScplistL .C1 h2:hover a{ color: #1d3e6f} 
.product .ScplistL .C1 h2{overflow: visible;}
.product .ScplistL .C1 h2 span{ float:right;background:url(../pic/jiantou.png) no-repeat center right; width:28px; height:40px;}
.product .ScplistL .C1 h2 .twofl{ display:none}
.product .ScplistL .C1 h2:hover .twofl{ position: absolute; left: 165px; top: 0; width: 150px; border: 1px solid #ededed; background: #ffffff; padding: 10px 20px; z-index: 19999; display:block}
.product .ScplistL .C1 h2:hover .twofl a{ float:left; width:140px; line-height:35px; position:relative; padding-left:10px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #333}
.product .ScplistL .C1 h2 .twofl a:hover{ color: #1d3e6f}
.product .ScplistL .C1 h2:hover .twofl a:before{content:""; position:absolute; left:0; top:14px; height:5px; width:5px; border-radius:50%; background:#666666}
.product .ScplistR3{width: 988px;float: right;position: relative;padding-bottom: 30px;}
.product .ScplistR3 .tittle{ float:right; width:970px; border-bottom:1px solid #ededed; line-height:35px; margin-bottom:20px;}
.product .ScplistR3 .tittle p{ float:left; border-bottom:1px solid #1d3e6f; color:#1d3e6f; font-size:16px; font-weight:bold}
.product .ScplistR3 li {width: 296px;float: left;margin: 0px 0px 30px 25px;height: 331px;overflow:hidden;padding: 4px;box-shadow: 0px 1px 7px 0px #dadada;background: #ffffff;position: relative;}
.product .ScplistR3 li a {display: block;/* border: 1px solid #efefef; *//* padding: 4px; */display: table-cell;vertical-align: top;float: left;width: 296px;}
.product .ScplistR3 li:hover {box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);}
.product .ScplistR3 li a:hover h2.title {background:#ff7800;color: #fff;}
.product .ScplistR3 li a div.img{width: 296px;height: 296px;float:left;position:relative;border-bottom:1px solid #ededed;}
.product .ScplistR3 li a div.img img{max-width: 100%;left: -10000%;right: -10000%;top: -10000%;bottom: -10000%;margin:auto;position:absolute;transition: all .5s ease;}
.product .ScplistR3 li:hover img{-webkit-transform: scale(1.05);}
.product .ScplistR3 li a h2.title {font-size: 14px;font-weight: 400;color: #333;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;float:left;width: 296px;height: 25px;padding: 5px 0px 5px 0;z-index: 5;position: relative;text-align: center;}
.product .ScplistR3 li a  p.desc {font-size: 14px;line-height: 16px;color: #888;height: 16px;margin-top: -2px; float:left;width:215px;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis; padding-bottom:5px; }

.z06a{position: absolute;bottom: 20px;left: 50%;width: 100px;margin-left: -50px;border-radius: 5px;background: #b8b8b8;color: #ffffff;text-align: center;line-height: 40px;}
.z06a:hover{background: #ff7800;color:#fff}

/*首页产品推荐*/
.product .ul{width: 968px;float: right;position:relative;margin-bottom: 20px;border: 1px solid #dedede;padding: 20px 0;}
.product .ul .RYC{float:left;width: 815px;height: 240px;position:relative;left: 76px;}
.product .ul .left{width: 42px;height: 42px;cursor: pointer;position: absolute;top: 50%;margin-top: -21px;left: 30px;transition:all ease 600ms;background: url(../pic/jiantou_l.png) no-repeat;}
.product .ul .right{width: 42px;height: 42px;cursor: pointer;position: absolute;top: 50%;right: 30px;margin-top: -21px;transition:all ease 600ms;background: url(../pic/jiantou_r.png) no-repeat;}
.product .ul .RYC .ul01{float:left;width: 815px;height: 240px;background:#ffffff;position: relative;}
.product .ul .RYC .ul01:hover .li04{background:#1d3e6f;color:#fff}
.product .ul .RYC .ul01 .li01{float:left;width: 327px;height: 238px;position: relative;margin: 0 20px 0 20px;border: 1px solid #dedede;}
.product .ul .RYC .ul01 .li01 img{margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;max-width: 100%;max-height: 100%;}
.product .ul .RYC .ul01 .li02{float: left;width: 406px;height: 42px;line-height: 42px;color: #333;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family: '微软雅黑';font-weight: 400;font-style: normal;margin: 12px 20px 0;font-size: 20px;}
.RYC .swiper{width: 815px;height: 240px;position: relative;display: inline-block;overflow: hidden;}
.RYC .swiperBox{height: 240px;position: absolute;top: 0px;left: 0px;}
.icon{background: url(../pic/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
.product .ul .RYC .ul01 .li03{float:left;width: 406px;margin: 12px 20px;font-size: 14px;line-height: 26px;height: 104px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;color: #777;}
.product .ul .RYC .ul01 .li04{color:#fff;position: absolute;background: #b8b8b8;width: 120px;height: 32px;text-align: center;line-height: 32px;bottom: 26px;left: 50%;}
/*关于我们*/
.about{float:left;width:100%;position: relative;padding: 30px 0 60px;}
.about:before{content:"";background:#f9f9f9;position:absolute;width:100%;height: 240px;z-index: 9;}
.about .wd1200{background:#fff;position: relative;z-index: 10;margin-top: 80px;box-shadow: 1px 2px 7px #ccc;}
.gsjsE{margin:0 auto;width: 1100px;overflow:hidden;background: #ffffff;padding-bottom: 40px;}
.gsjsE .li01{float:left;width: 450px;height:300px;position:relative;border: 1px solid #ededed;padding: 10px;overflow: hidden;}
.gsjsE .li01 img{max-height:300px;margin:auto;left: -10000%;right: -10000%;top: -10000%;bottom: -10000%;position: absolute;transition: all .5s ease;}
.gsjsE .li01 img:hover{    -webkit-transform: scale(1.1);}
.gsjsE .li01:hover{box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);border-color: rgba(229, 229, 229, .73); width:450px; height:300px; float:left}
.gsjsE .li02{float:right;width: 580px;height: 218px;margin: 30px 0 10px 0;overflow:hidden;line-height:30px;color: #666;}
.gsjsE .li03{background: #b8b8b8;padding:10px 35px;color:#fff;border-radius: 5px;float:left;margin-left:38px;}
.gsjsE .li03 a{ color:#fff}
.gsjsE .li03:hover{background:#ff7800}
/*优势*/
.Lyoushi{float:left;width:100%;background: #fff}
.Lyoushi .cntitle,.Lyoushi .entitle{background: #1d3e6f;color:#fff;}
.Lyoushi .yscontent{width:1200px;margin: 40px auto 0;background:url(../pic/ji_bg01.gif) no-repeat 50% 0;height: 632px;position: relative;}
.Lyoushi .yscontent h5{color:#fff;position: absolute;font-size: 24px;text-align: center;top: 235px;left: 564px;}
.Lyoushi .yscontent .yslist{float:left;width:100%;position: relative;}
.Lyoushi .yscontent li{float:left;width:500px;position: absolute;}
.Lyoushi .yscontent li .ysnr{float:left;width: 278px;padding-top: 44px;overflow: hidden;}
.Lyoushi .yscontent li .ysnr i{width:39px;height: 50px;text-align: center;line-height: 45px;float:left;font-style: normal;font-size: 20px;color: #fff;font-weight: bold;background: url(../pic/n1.gif) no-repeat;}
.Lyoushi .yscontent li .ysnr .p1{width: 234px;font-size: 20px;color:#333;float:left;line-height: 28px;height: 56px;overflow: hidden;padding-left: 5px;font-weight: bold;}
.Lyoushi .yscontent li .ysnr .p1:hover{color:#ff7800}
.Lyoushi .yscontent li .ysnr .p2{float:left;font-size: 14px;color:#666;line-height: 25px;padding: 10px 0 0 0;height: 75px;overflow: hidden;}
.Lyoushi .yscontent li .ysimg{width:204px;height: 204px;float:right;box-shadow: 2px 5px 8px #ccc;border-radius: 50%;overflow: hidden}
.Lyoushi .yscontent li .ysimg img{width:204px;height: 204px;-webkit-transition:-webkit-transform 0.5s ease-out;-moz-transition:-moz-transform 0.5s ease-out;-o-transition:-o-transform 0.5s ease-out;-ms-transition:-ms-transform 0.5s ease-out;}
.Lyoushi .yscontent li:hover img{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg);}
.Lyoushi .yscontent .ys01{top:20px;left: 0}
.Lyoushi .yscontent .ys02{top:20px;right: 0}
.Lyoushi .yscontent .ys03{top: 335px;left: 0;}
.Lyoushi .yscontent .ys04{top: 335px;right: 0;}
.Lyoushi .yscontent .ys02 .ysnr,.Lyoushi .yscontent .ys04 .ysnr{float:right}
.Lyoushi .yscontent .ys02 .ysimg,.Lyoushi .yscontent .ys04 .ysimg{float:left}
/*首页产品分类展示*/
.pavilion-container{padding: 0 0 50px;background: url(../pic/bg2.jpg) no-repeat 50% 0;min-height: 845px;width: 100%;float: left;position: relative;}
.pavilion-container .z06a{bottom: 40px;}
.pavilion-container .biaoti font{ color: #c9a467}
.pavilion-container .biaoti:before{background: #c9a467;}
.pavilion-container .z06a{background: #fff;color: #16679f;}
.pavilion-container .z06a a,.z06a:hover a,.z06a a:hover{color: #1c1f36}
.pavilion-container .z06a:hover{background: #1d3e6f;color: #fff}
.pavilion-container .z06a::after,.pavilion-container .z06a::before {background: #c9a467;}

/*tab分类*/
.pavilion-container .pavilion-inner{max-width:1200px;margin:0 auto}
.pavilion-container .pavilion-inner .tabs1{padding:0 10px; overflow: hidden}
.pavilion-container .pavilion-inner .tabs1 li a{color: #fff;}
.pavilion-container .pavilion-inner .tabs1 li.on a{color: #065a96;}
.pavilion-container .pavilion-inner .tabs1 .li{float:left;padding:0 21px;border:1px solid #c9a467;border-radius:2px;line-height:36px;font-size:16px;color:#c9a467;letter-spacing:.35px}
.pavilion-container .pavilion-inner .tabs1 li{float:left;padding: 0 19px;border: 1px solid #fff;border-radius:2px;line-height:36px;font-size:16px;color: #fff;letter-spacing:.35px;width: 156px;text-align: center;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pavilion-container .pavilion-inner .tabs1 li{margin: 0 20px;cursor:pointer;}
.pavilion-container .pavilion-inner .tabs1 li:first-child{/* margin-left:0 */}
.pavilion-container .pavilion-inner .tabs1 li.on{background: #fff;color: #065a96;/* width: 200px; */}
.pavilion-container .pavilion-inner .tabs1 li>span{display:inline-block;vertical-align:middle}
/*tab内容*/
.pavilion-container .tab-content-wrap{position:relative;margin-top:20px;height:420px}
.pavilion-container .tab-content{position:absolute;top:65px;transition:all .5s linear;opacity:0;z-index:-1;height:0;width:100%; overflow: hidden}
.pavilion-container .tab-content.show{height:auto;opacity:1;top:0;z-index:1}
.pavilion-container .tab-content .li01{width: 320px;background: #ffffff;float: left;overflow: hidden;height: 420px;position: relative;margin-top: 20px;}
.pavilion-container .tab-content .li01 .img{width: 310px;height: 270px;float: left;overflow: hidden;position: relative;margin: 5px;}
.pavilion-container .tab-content .li01:before{content: "";width: 320px;height: 1px;background: #ededed;top: 280px;left: 0px;position: absolute;}
.pavilion-container .tab-content .li01 .img img{width:auto;height: 310px;position: absolute;margin: auto;left: -10000%;right: -10000%;top: -10000%;bottom: -10000%;}
.pavilion-container .tab-content .li01 h3{width: 300px;float: left;margin-left: 10px;text-align: center;font-weight: bold;font-size: 16px;color: #000;line-height: 50px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: relative;}
.pavilion-container .tab-content .li01 p{width: 300px;float: left;margin-left: 10px;color: #888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 25px;text-shadow: 1px 1px 1px #ffffff;}
.pavilion-container .tab-content .li01:hover{ background: #ededed; box-shadow: 3px 3px 3px #999; top: 2px}
.pavilion-container .tab-content .li02{float: left;margin: 0 10px;height: 280px;margin-top: 20px;width: 280px;background: #ffffff;overflow: hidden;position: relative;}
.pavilion-container .tab-content .li02 img{width:auto;height: 280px;position: absolute;margin: auto;left: -10000%;right: -10000%;top: -10000%;bottom: -10000%;z-index: 1;}
.pavilion-container .tab-content .li02 h3{position: absolute;z-index: 2;width: 270px;padding: 0 5px;height: 40px;line-height: 40px;background: #99999990;text-shadow: 1px 1px 1px #000;color: #ffffff;font-size: 14px;font-weight: normal;bottom: 0;text-align: center;left: 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pavilion-container .tab-content .li02:hover img{-webkit-transform: scale(1.02)}


/*工程案例*/
.Ntjcp{float:left;width:100%;padding: 30px 0 60px;}
.Ntjcp .ul{width: 13rem;margin:0 auto;overflow:hidden;position: relative;}
.Ntjcp .ul .left1{float:left;width: 0.5rem;background: url(../pic/jiantou_l01.png) 0 0px no-repeat;background-size: 0.42rem;height: 0.5rem;margin-top: 1.3rem;cursor: pointer;transition: 0.3s all ease;}
.Ntjcp .ul .right1{float:right;width: 0.5rem;background: url(../pic/jiantou_r02.png) 0px no-repeat;background-size: 0.42rem;height: 0.5rem;position: absolute;right: 0;top: 50%;margin-top: -0.25rem;cursor: pointer;transition: 0.3s all ease;}
.Ntjcp .ul .neirong{float:left;width: 12rem;height: 3rem;overflow:hidden;padding:0.2rem 0}
.Ntjcp .ul .neirong li{box-shadow:0px 1px 7px 0px #dadada;_display:inline;overflow:hidden;text-align:center;display: block;margin: 0 0.14rem;width: 2.6rem;height: 2.9rem;float:left;padding: 0.05rem 0.05rem;position: relative;}
.Ntjcp .ul .neirong li .tjimg{width: 2.6rem;height: 2.6rem; position:relative;float:left;}
.Ntjcp .ul .neirong li img{ position: absolute;    margin: auto;    top: 0;    left: 0;    bottom: 0;    right: 0;    max-width: 2.6rem;    max-height: 2.6rem;}
.Ntjcp .ul h3{float: left;overflow:hidden;text-align:center;padding: 0.1rem 0 0 0;font-size: 0.16rem;font-weight: 400;color: #333;width: 100%;}
.Ntjcp .ul li:hover h3{color:#ff7800}

/*   资讯  */
.bg-grey {width: 100%;height: auto;padding: 30px 0 20px 0;float: left;background: #eee;}
.tab-block {width: 1198px;height: 520px;margin: 10px auto 0;/* border: 1px solid #e5e5e5; */overflow: hidden;}
.tab-block.tab-item {height: 430px}
.tab-block.tab-item .tabs {height: 380px}
.tab-block .tab-buttons {width: 12rem;height: 50px;margin: 0 auto;text-align: center;}
.tab-block .tab-buttons .tab-button {width: 184px;margin-left: 30px;height: 50px;text-align: center;font-size: 16px;color: #fff;line-height: 50px;position: relative;cursor: pointer;border: 1px solid #e5e5e5;background: #1d3e6f;border-radius: 15px;display: inline-block;}
.tab-block .tab-buttons .tab-button.cur {background-color: #ff7800;color: #fff;}
.tab-block .tabs {width: 100%;height: 460px;float: left;/* margin: 20px 0; */}
.tab-block .tabs .tab-item {width: 1156px;height: 400px;padding: 20px;overflow: hidden;display: none;position: relative;/* border: 1px solid #e5e5e5; */margin-top: 20px;}
.tab-block .tabs .tab-item.active {display: block}
.tab-item .information-left {width: 500px;height: 340px;overflow: hidden;position: relative;float: left;}
.tab-item .information-left img {width: auto;height: 340px; margin: auto;position: absolute;left: 0; right: 0;top: 0;bottom: 0}
.tab-item .information-left .left-bottom {position: absolute;bottom: 0;left: 0;width: 472px;height: 48px;line-height: 48px;background: #00000080;background: #888888\9;z-index: 2;color: #fff;padding: 0 14px;}
.tab-item .information-left .left-bottom .article-title {font-size: 16px;width: 360px;float: left;}
.tab-item .information-left .left-bottom .article-time {font-size: 14px;float: right;color: #9a9a9a;}
.tab-item .information-right {width: 640px;height: 340px;float: right;}
.tab-item .information-right .article-list {padding-top: 18px;width: 100%;float: left;}
.tab-item .information-right .article-list .article-link {display: block;padding: 0 20px}
.tab-item .information-right .article-list .article-link .article-head{ float: left; width: 100%;}
.tab-item .information-right .article-list .article-link .article-head span {display: inline-block;vertical-align: middle}
.tab-item .information-right .article-list .article-link .article-head h2 {display: inline-block;vertical-align: middle}
.tab-item .information-right .article-list .number {width: 20px;height: 20px;text-align: center;line-height: 20px;color: #fff;background-color: #999;font-size: 14px;float: left;}
.tab-item .information-right .article-list .article-title {font-size: 16px;color: #333;line-height: 20px;margin-left: 14px;width: 450px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;}
.tab-item .information-right .article-list .article-time {float: right;font-size: 12px;color: #999;line-height: 20px}
.tab-item .information-right .article-list .article-content {margin-top: 10px;padding-left: 35px;width: 450px;font-size: 14px;color: #666;line-height: 26px;float: left;display: none;}
.tab-item .information-right .article-list .article-content p {max-height: 52px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;width: 100%;line-height: 26px;}
.tab-item .information-right .article-list:nth-of-type(1) .number, .tab-item .information-right .article-list:nth-of-type(2) .number, .tab-item .information-right .article-list:nth-of-type(3) .number {background-color: #333}
.tab-item .information-right .article-list.current .article-link {background-color: #fafafc;padding: 20px;width: 600px;float: left;background: #fffdfd;}
.tab-item .information-right .article-list.current .number {background-color: #ff7800!important;}
.tab-item .information-right .article-list.current .article-title {color: #ff7800;}
.tab-item .information-right .article-list.current .article-content {display: block}



/*   底部  */
.link{width:100%;float: left;margin: 0.4rem 0 0.25rem 0}
.link h4{display: block;background: #fff;color: #2e2e2e;font-size: 0.16rem;position: relative;height: 0.3rem;width: 100%;}
.link h4:before{content:"";width: calc(100% - 0.7rem);border-bottom:1px solid #ccc;position: absolute;top:0.11rem;left: 0.7rem;}
.link p{display: block}
.link p a{display: block;color: #5a5a5a;font-size: 0.14rem; margin: 0 0.25rem 0.1rem 0;float: left;}
.bottom{float:left;width:100%;height: 0.6rem;line-height: 0.6rem;background: #ED9321;overflow: hidden}
.bottom a{color:#352e2e;width:1rem;padding:0 0.4rem;font-size: 0.14rem;overflow: hidden;}
.foot{width: 100%;float: left;background: #333;}
.footnr{width: 9.6rem;margin: auto;}
.footnr .footwz{float:left;width: 7rem;color: #fff;margin: 0.35rem 0;font-size:0.15rem;line-height:0.32rem;white-space: pre;}
.footnr .footwz a{color: #fff;}
.footnr .footwz a:hover{ color: #f00;}
.footnr .footwz2{ background: url(../pic/dh.jpg) no-repeat left; font-size: 0.32rem; padding-left:0.45rem; margin-top:0.15rem; }
.footnr .footwz2 p{ font-size:0.12rem; line-height:20px;}
.footnr .footewm{ float: right; margin-top:0.35rem; }
.footnr .footewm img{width: 1.4rem;}
/*   内页-面包屑  */
.xqymbx{margin:0 auto;width: 11.6rem;background: url(../pic/mbx.png) 0 0.2rem no-repeat;background-size: 0.3rem 0.3rem;height: 0.3rem;padding-left: 0.4rem;overflow:hidden;padding-top: 0.2rem;line-height: 0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.mbx{margin:0 auto;background: url(../pic/mbx.png) 0 no-repeat;background-size: 0.3rem 0.3rem;height: 0.3rem;padding-left: 0.3rem;line-height: 0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float: right;color: #8e8e8e;}
/*   内页-翻页  */

.hpage{font-size: 0.14rem;width:12rem;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.14rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.14rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.hpage a:hover{ color:#ff6600; text-decoration:none}

/*面包屑*/
.mianbaoxie{float:left;width:1200px;line-height:50px;font-size:14px;color:#888888;margin-bottom: 20px;border-bottom: 1px solid #f1f1f1;}
.mianbaoxie i{width:14px;height: 14px;background-position: -129px -30px;padding-right: 10px;}
.mianbaoxie a{ color:#666666}
/*产品列表*/
.EcplistL{float:left;width: 216px;background:#fff;}
.EcplistL .tittle{float:left;background: url(../pic/bg5.jpg);line-height: 100px;color:#fff;padding-left:20px;width: 196px;font-weight:bold;font-size: 18px;text-align: center;}
.EcplistL .C1{float:left;border:1px solid #ededed;border-top:0px;width: 214px;margin-bottom: 14px;}
.EcplistL .C1 h2{float:left;width: 174px;font-size:15px;line-height: 50px;border-top: 1px solid #eaeaea;background: url(../pic/tb9.png) no-repeat 198px center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position:relative;font-weight:normal;padding: 0 20px;}
.EcplistL .C1 h2 a{display:block}
.EcplistL .C1 h2:hover{ background:url(../pic/tb11.png) no-repeat 198px center #1048a0;color:#fff;}
.EcplistL .C1 h2:hover a{color:#fff}
.EcplistL .C1 h3{ float:left; width:148px; font-size:13px; line-height:30px; padding-left:20px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative; font-weight:normal}
.EcplistL .C1 h3:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 100%; background-color: #f90; position: absolute; left: 7px;top: 13px;}
.EcplistL .tittle[container="1"]{line-height: 60px;}
.EcplistL .C2 a{width: 189px;position:relative;padding: 5px 10px 5px 15px;float: left;line-height: 23px;border-top: 1px dashed #ccc;max-height: 46px;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.EcplistL .C2 a:first-child{border:0}
.EcplistL .C2 a:before{content:"";width: 4px;height: 4px;border-radius:50%;position:absolute;background:#999;top: 16px;left: 5px;}
.EcplistL .C2 a:hover{color:#1048a0;font-weight:bold}
.EcplistL .C2 a:hover:before{background:#1048a0}
.EcplistR,.EcplistR2{width: 980px;float:right;}
.EcplistR .tittle,.EcplistR2 .tittle{float:right;width: 960px;border-bottom:1px solid #ededed;line-height:35px;margin-bottom:20px;}
.EcplistR .tittle p,.EcplistR2 .tittle p{float:left;border-bottom: 1px solid #1048a0;color: #1048a0;font-size:16px;font-weight:bold;}
.EcplistR li {width: 225px;float: left;position: relative;margin-left: 20px;margin-bottom: 20px;box-sizing: border-box;height: 280px;overflow:hidden;background: #f6f6f6;-webkit-transition: all .25s;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;}
.EcplistR li a {display: block;padding: 5px;display: table-cell;vertical-align: top;}
.EcplistR li:hover {background:#1048a0}
.EcplistR li a:hover h2.title {color: #fff;}
.EcplistR li a  div.img{width:215px;height:215px;float:left;position:relative;border-bottom:1px solid #ededed;background: #fff;}
.EcplistR li a  div.img img{ max-height:215px; max-width:215px; left:0; right:0; top:0; bottom:0; margin:auto; position:absolute}
.EcplistR li a  h2.title {font-size: 14px;font-weight: 400;color: #333;line-height: 24px;float:left;width:215px;height: 46px;margin:5px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.EcplistR li a p.desc {font-size: 14px;line-height: 21px;color: #888;height: 21px;margin-top: -2px;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis;  float:left;width:215px;}
.hpage{width: 980px;margin:0 auto;text-align:center;padding: 40px 0px 40px 0px;color:#333333;float:left;font-size:14px;}
.hpage span{color:#ffffff;background: #191919;padding: 2px 10px 2px 10px;border: 1px solid #191919;margin-right: 8px;font-weight:bold;}
.hpage a{text-decoration:none;color:#303030;padding: 2px 10px 2px 10px;border:1px solid #ededed;margin-right: 8px;}
.hpage a:hover{color:#ffffff;text-decoration:none;border: 1px solid #afadad;background: #afadad;font-weight:bold;padding:2px 10px 2px 10px;}
.item_mask{width: 225px;height: 220px;background: rgba(0,0,0,0);position: absolute;left: 1px;top: 1px;opacity: 0;filter:Alpha(opacity=0);*zoom:1;-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;}
.item_link_icon{display: block;width:45px;height:45px;text-align: center;background-position: 0px -105px;line-height: 38px;position: absolute;left: 50%;top: 50%;margin-left: -22px;opacity:0;filter:Alpha(opacity=0);*zoom:1;}
.EcplistR li:hover .item_mask{opacity: 1;filter:Alpha(opacity=100);-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.EcplistR li:hover .item_link_icon{transform: translateY(-21px);opacity: 1;filter:Alpha(opacity=100);}
/*公司动态列表*/
.newslm {overflow:hidden;float:right;width:970px;padding: 15px 0;}

.newslm li {float: left;width: 960px;padding: 0 0 0 10px;}
.newslm li a {width: 920px;border-bottom:#ededed 1px solid;padding: 15px;overflow:hidden;transition-duration:0.3s;float: left;}
.newslm li a span { float:left;overflow: hidden;margin-right:30px; padding:2px; border:#ededed 1px solid; width:215px; height:165px;position: relative;}
.newslm li a img {margin: auto;left: 0;right: 0;top: 0;bottom: 0;position: absolute;max-width:215px;max-height:165px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.newslm li a h2 { font-size:15px; line-height:50px;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden;}
.newslm li a p { line-height:38px;}
.newslm li a:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.newslm li a:hover img{transform: scale(1.1, 1.1);-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.newslm li a:hover h2{color:#1048a0}

.wdlist{ float:right; width:970px;}
.wdlist a{ float:right; width: 930px;  margin-top: 18px; border-bottom:1px dashed #ededed; padding-bottom:10px; padding:0px 20px 10px 20px; }
.wdlist a h2{ background: url(../pic/wen.jpg) no-repeat 0 2px; font-weight: bold; text-indent: 25px; font-size:14px; padding-bottom:10px; float:left; width:940px;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden; }
.wdlist a p{ background: url(../pic/da.jpg) no-repeat 0 2px; color: #7d7d7d;  padding-left: 25px; float:left; width:905px;}

.page{ float:left; width:930px; padding:20px; line-height:30px;}

/*列表页推荐产品*/
.cptj{width:100%;float:left;}
.topCon_2 {width:1200px;height:305px;border-top:0;overflow:hidden;padding: 15px 0px 0 0px;margin: 0 auto 40px auto;}
.topCon_2 .tittle{ float:left; width:1200px; border-bottom:1px solid #ededed; line-height:35px; margin-bottom:20px;}
.topCon_2 .tittle p{float:left;border-bottom: 1px solid #1048a0;color: #1048a0;font-size:16px;font-weight: bold;}


.topCon_2 .li01{border:1px #ededed solid; padding:4px; float:left; width:210px; height:200px; font-size:0px; position:relative}
.topCon_2 .li01 img{ margin: auto;left: 0; right: 0; top: 0; bottom: 0;position: absolute;border-radius: 10px;max-width:210px; max-height:200px; }
.topCon_2 .li02{float:left; width:220px; text-align:center;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden; line-height:30px;}
.topCon_2 ul{  float:left; width:220px; height:250px; padding:0px 10px 0px 10px; background:#ffffff}

/*   内页-面包屑  */
.xqymbx{margin:0 auto;width: 11.6rem;background: url(../pic/mbx.png) 0 0.2rem no-repeat;background-size: 0.3rem 0.3rem;height: 0.3rem;padding-left: 0.4rem;overflow:hidden;padding-top: 0.2rem;line-height: 0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.mbx{margin:0 auto;background: url(../pic/mbx.png) 0 no-repeat;background-size: 0.3rem 0.3rem;height: 0.3rem;padding-left: 0.3rem;line-height: 0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float: right;color: #8e8e8e;}
/*   内页-翻页  */

.hpage{font-size: 0.14rem;width:12rem;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.14rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.14rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.hpage a:hover{ color:#ff6600; text-decoration:none}


/*   内页-详细描述轮播  */

.house_con{ width:11.8rem; background:#ffffff; padding:0.09rem;border: 1px solid #dedede;box-shadow: 0 0.01rem 0.03rem rgba(0,37,55,0.05);;margin: 0 auto; overflow: hidden;  margin-top: 0.2rem;}

.house_con .jieshao{ float:right; width:5.6rem;}
.house_con .jieshao h1{ float:left; width:5.5rem; font-size:0.18rem; line-height:0.3rem; max-height: 0.6rem; overflow:hidden; padding:0.1rem 0.1rem 0 0; margin-bottom:0.1rem;}
.house_con .jieshao .price_con { float:left;padding-bottom: 0.05rem; width: 5.6rem; overflow: hidden; border-bottom:1px dashed #dedede}
.house_con .jieshao .price_con i {    font-size: 0.3rem;    font-weight: bold;    color: #FF0000;    font-style: normal;}
.house_con .jieshao .two{ float:left; line-height:0.25rem; font-size:0.14rem; color:#000000;padding:0.1rem 0 0.1rem 0; width:5.6rem;}
.house_con .jieshao .two font{ color:#999999; float:left; width:0.8rem;}
.house_con .jieshao .two span{ float:right; width:4.8rem;}
.house_con .jieshao .san{ float:left; line-height:0.3rem; font-size:0.14rem; color:#000000; width:5.6rem; padding:0.4rem 0 0 0}
.house_con .jieshao .san .zx{display: block;width: 2rem;height: 0.5rem;float: left;font-size: 0.22rem;color: #fff;line-height: 0.48rem;background: #e2011e;text-align: center;text-decoration: none;position: relative;transition: 0.3s all ease-in-out;}
.house_con .jieshao .san .zx img {position: absolute;top: 0.15rem;left: 0.2rem;}
.house_con .jieshao .san .zx:hover img{animation: ddh 0.8s ease-out both;}
.linex{border-bottom:1px dashed #dedede;}
.house_con_lf{position: relative; margin: 0 auto;float:left; width:6rem;}
.house_imgs{position: relative; z-index: 8;  width: 100%; overflow: hidden;}
.house_bigImg{margin-bottom: 0.1rem;width: calc(6rem - 2px);height: 4.04rem;overflow: hidden;float:left;position:relative;border: 1px solid #e5e5e5;}
.house_bigImg img{margin: auto;left: -50%;right: -50%;top: -50%;bottom: -50%;position: absolute;max-width: 6rem;height: auto;}
.house_bigImg ul li{position: relative; z-index: 9;}
.project_img{width: 6.7rem; height: 4.45rem; overflow: hidden;}
.project_img dl{width:auto; height:4.45rem; overflow: hidden;}
.project_img dl dd{float: left; width: 6.7rem; height: 4.04rem;}
.house_smallImg{position: relative; margin-top: 0px;  height: 0.67rem; overflow: hidden; float:left; width:5.4rem; margin-left:0.3rem; margin-right:0.3rem;}
.house_smallImg ul{width: 100%;}
.house_smallImg ul li{position:relative; float: left;  width: 1rem;margin-right:0.1rem;}
.house_smallImg ul li img{display: block; width: 1rem; height: 0.67rem; cursor: pointer;}
         .house_smallImg ul li.on img{width: 1rem; height: 0.65rem; border: 1px #f23742 solid;}
        .house_smallImg ul li .bun_bg{display: block; position: absolute; bottom: 0; left: 0; z-index: 9; width: 1.26rem; height: 0.27rem; line-height: 0.26rem; text-align: center; font-size: 0.14rem; color: #FFF; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000);     cursor: pointer;}
        .house_smallImg ul li.on .bun_bg{width: 1.22rem; bottom: 0.02rem; left: 0.02rem;}
        span.house_imgs_lf{display: block;position: absolute;left:0px;bottom: 0px;z-index: 10;width: 0.12rem;height: 0.67rem;background:#ccc;cursor:pointer;background: url(../pic/left_arrow.png) center center no-repeat #f2f2f2;border: 1px solid #ccc;}
        span.house_imgs_rt{display: block;position: absolute;right:0px;bottom: 0px;z-index: 10;width: 0.12rem;height: 0.67rem;background:#ccc;cursor:pointer;background: url(../pic/right_arrow.png) center center no-repeat #f2f2f2;border: 1px solid #ccc;}
        span.house_imgs_lf:hover{background:url(../pic/left_arrow_h.png) 0px 0px no-repeat;}
        span.house_imgs_rt:hover{background:url(../pic/right_arrow_h.png) 0px 0px no-repeat;}

/*   内页-详细描述，产品分类。  */
.cpmshu{ width:12rem; margin:0 auto; overflow:hidden; margin-top:0.2rem; padding-bottom:0.2rem;}
.cpmshu .cpfl{width:2.5rem;margin-top: 0.3rem;}
.cpmshu .cpfl .li01{float:left;width:2.5rem;text-align:center;font-size: 0.22rem;color: #FFFFFF;text-align: center;line-height: 0.35rem;display: block;padding-top: 0.2rem;font-weight:bold;background: #1d3e6f;}
.cpmshu .cpfl .li02 {color: #f7f7f7;font-size: 0.16rem;display: block;text-align: center;float:left;width:2.5rem;line-height: 0.35rem;background: #1d3e6f;}
.cpmshu .cpfl .li03 a.sub{color: #525252;font-size: 0.16rem;}
.cpmshu .cpfl .li03 {width: 2.5rem;background: #fff;padding-bottom: 0.1rem;padding-top: 0.1rem;float:left;overflow: hidden;}
.cpmshu .cpfl .gundong{max-height: 3.8rem;overflow: auto;overflow-x: hidden;}
.cpmshu .cpfl .gundong::-webkit-scrollbar {/*滚动条整体样式*/  width: 0.06rem;     /*高宽分别对应横竖滚动条的尺寸*/  height: 0.06rem;}
.cpmshu .cpfl .gundong::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  background: rgba(0,0,0,0.4);}
.cpmshu .cpfl .gundong::-webkit-scrollbar-track {/*滚动条里面轨道*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  border-radius: 0;  background: rgba(0,0,0,0.05);}
.cpmshu .cpfl .li03 h2{float: right;width: 1.8rem;font-size: 0.16rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 0.15rem;padding: 0.1rem 0.2rem 0.1rem 0.5rem;border-bottom:1px solid #ededed;/* text-align: center; */line-height: 0.16rem;font-weight: normal;}
.cpmshu .cpfl .li03 h2 a:hover{color:#1d3e6f;}
.cpmshu .cpfl .li03 h3{float: left;width: 2rem;font-size: 0.13rem;line-height: 0.4rem;padding-left: 0.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 0.15rem;display: none;border-bottom: 1px dashed #ededed;font-weight: normal;}
.cpmshu .cpfl .li03 h3:hover a{color:#1d3e6f;font-weight:bold}
.cpmshu .cpfl .li03 h3:before{position: absolute;content: "";left: 0.3rem;width: 0.06rem;height: 0.06rem;background: #afafaf;border-radius: 50%;top: 0.17rem;}
.cpmshu .cpfl .li03 h3:hover:before{background:#1d3e6f}
.cpmshu .cpfl h2 span{position: absolute;left: 0.1rem;cursor:pointer;background: #1d3e6f;color: #fff;border-radius: 50%;width: 0.16rem;height: 0.16rem;line-height: 0.14rem;text-align: center;font-size: 0.14rem;}
.cpmshu .cpfl .demo{overflow:hidden; width:2.5rem;  min-height:3rem;  max-height:5rem; float:left}
.cpmshu .cpfl .demo img{ width:2.5rem; margin-top:0.1rem;}
.cpmshu .miaoshu{width: 8.9rem;padding:0.19rem 0.19rem;border:1px solid #ededed;box-shadow: 0 0.01rem 0.03rem rgba(0,37,55,0.05);line-height:0.25rem;font-size:0.14rem;table-layout: fixed;word-wrap: break-word;overflow: hidden;float: right;margin-top: 0.3rem;}
.cpmshu .miaoshu img{max-width: 100%;padding:0.1rem;}
.paging_prev { float: left;    width: 8.9rem;    line-height: 0.3rem;    padding: 0.1rem 0px 0 0px;    font-size: 0.14rem;}
.cpmshu .miaoshu .contern{float:left;width: 100%;margin-bottom: 0.5rem;padding-top: 0.3rem;}
.cpmshu .miaoshu .tittle{float:left;border-bottom:1px solid #ededed;font-size:0.16rem;font-weight:bold;width: 100%;padding-bottom:0.1rem;position:relative;margin:0}
.cpmshu .miaoshu .tittle:before{content:""; position:absolute; width:0.6rem; height:0.03rem; background:#006bbd; left:0px; bottom:-0.02rem}
.cpmshu .miaoshu .tittle span{ position:absolute; right:0; bottom:0.12rem; font-size:0.14rem; color:#888888 ; font-weight:normal}
.cpmshu .miaoshu .h1{ width:8.9rem; font-size:0.24rem; font-weight:bold; float:left;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; padding-top:0.3rem; text-align:center}
.cpmshu .miaoshu .text{width:8.9rem; float:left; text-align:center; padding:0.2rem 0 0.2rem 0; border-bottom:1px solid #ededed; color:#888888}
.cpmshu .cpfl .li03 .tjbt{padding: 0 0.1rem;width: 2.2rem;  line-height: 0.4rem; height: 0.4rem; border-bottom: 1px solid #e2e2e2; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left;}
.cpmshu .cpfl .li03 .tjbt:hover{color:#1d3e6f;font-weight:bold}
/*   内页-资讯列表  */

.cpmshu .newslist{width:8.9rem;padding: 0 0.19rem;line-height:0.25rem;font-size:0.14rem;float:right;margin-top: 0.3rem;} 
.cpmshu .newslist .tittle{margin: 0 0 0.1rem 0;width:100%}

.cpmshu .newslist li{float:left;border-bottom:1px solid #ededed;padding: 0.15rem 0.1rem;width: 8.7rem;overflow: hidden;}
.cpmshu .newslist li:hover{box-shadow:1px 1px 8px #ccc}
.news_con_img{width: 2rem;  height: 1.35rem;  position: relative;  float: left;  border: 1px solid #e6e6e6;  font-size: 0px; padding:0.04rem;}
.news_con_img img{margin: auto; left: 0; right: 0; top: 0;  bottom: 0; position: absolute;max-width: 2rem;  max-height: 1.35rem;}
.news_con_txt{float:right;width: 6.4rem;position:relative;height:1.45rem;}
.news_con_txt h2{width: 6.4rem;float: right;color: #333333;height: 0.4rem;padding: 0.1rem 0 0 0;line-height: 0.2rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-weight:normal;white-space: nowrap;overflow: hidden;position: relative;}
.news_con_txt h2 a:hover{color:#ae1c2f;text-decoration:none}
.news_con_txt h2:before{content:"";position:absolute;width:1rem;height: 0.04rem;background: #ae1c2f;bottom: 0.1rem;}
.news_con_txt p{max-height: 0.5rem;line-height: 0.25rem;font-size: 0.14rem; color: #666; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;float: left; color:#666666}
.news_con_txt i{ font-style:normal;display: block; padding-top: 0.1rem; line-height: 0.3rem; font-size: 0.14rem; font-style: normal; position:absolute; left:0px; bottom:0; color: #999999;}

.news_con_txt1{ float:left; width:8.6rem; position:relative; padding-left:0.1rem;}
.news_con_txt1:before{content:""; position:absolute; left:0;  top:0.17rem; width:0.06rem; height:0.06rem; border-radius:50%; background:#ec7302}
.news_con_txt1 h2{width: 8.8rem;float: left;color: #333333;height: 0.4rem;overflow: hidden;padding: 0.1rem 0 0 0;line-height: 0.2rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-weight:normal;white-space: nowrap;overflow: hidden;font-size: 0.18rem;}
.news_con_txt1 h2 a:hover{color:#1d3e6f;text-decoration:none;font-weight:bold}
.news_con_txt1 p{max-height: 0.5rem;width:100%;line-height: 0.25rem;font-size: 0.14rem; color: #666; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;float: left; color:#666666}
.news_con_txt1 i{ font-style:normal;display: block; padding-top: 0.1rem; line-height: 0.3rem; font-size: 0.14rem; font-style: normal; float:left; color: #999999;}

.cpmshu .newslist .hpage{font-size: 0.14rem;width:8.9rem;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.cpmshu .newslist .hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.14rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .newslist .hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.14rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .newslist .hpage a:hover{ color:#ff6600; text-decoration:none;}

/*   内页-产品中心  */
.cpmshu .majority{width:9.28rem;line-height:0.25rem;font-size: 0.14rem;float:right;margin-top: 0.3rem;}
.cpmshu .tittle{width: calc(100% - 0.19rem);float:left;margin: 0 0 0.2rem 0.19rem;border-bottom: 1px solid #e5e5e5;} 
.cpmshu  .tittle h2{float:left;font-weight:bold;font-size: 0.2rem;position:relative;padding-bottom:0.1rem;height: 0.3rem;line-height: 0.3rem;color: #1d3e6f;}

.cpmshu .majority li{width: 2.79rem;margin-left:0.2rem;float:left;height:3.3rem;overflow:hidden;padding:0.04rem;border:1px solid #ededed;margin-bottom:0.2rem;position:relative;}
.cpmshu .majority li:hover{box-shadow:1px 1px 8px #e5e5e5;}
.cpmshu .majority li span{width: 2.79rem;height:2.73rem;float:left;position:relative;}
.cpmshu .majority li span img{left:0;right:0;top:0;bottom:0;position:absolute;margin:auto;max-height:2.73rem;max-width: 2.79rem;}
.cpmshu .majority li .xqnr{position: absolute;background: #fff;width: 2.79rem;top: 2.8rem;transition: 0.8s all ease;}
.cpmshu .majority li:hover .xqnr{top:2.8rem;  transition: 0.8s all ease;}
.cpmshu .majority li .course{width: 2.79rem;text-align: center;position: absolute;bottom: 0;background:#fff;}
.cpmshu .majority li h2{float:left;width: 2.79rem;font-size: 0.16rem;font-weight:normal;padding:0.05rem 0 0 0;position:relative;z-index:3;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;}
.cpmshu .majority li p{font-size:0.12rem;color:#93999f;height: 0.8rem;overflow: hidden;float: left;}
.cpmshu .majority .hpage{font-size: 0.14rem;width:8.9rem;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.cpmshu .majority .hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.14rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .majority .hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.14rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .majority .hpage a:hover{ color:#ff6600; text-decoration:none}
.xq{margin-top:0}
/*单页*/
.cpmshu .newslist .about{line-height: 0.3rem;font-size: 0.14rem;float:left;width:100%;margin-top: 0.2rem;background: none;}
.cpmshu .newslist .about img{max-width:100%}
.cpmshu .newslist .about:before{background:none}
/*留言*/
.liuyan{float:left;width: 100%;line-height:0.3rem;}
.Page1C2{float:left;width: calc(100% - 0.3rem - 2px);margin-top:0.2rem;line-height:0.3rem;border:1px solid #ededed;padding: 0.15rem;}
#tianxieone{float:left;width: calc(100% - 0.2rem);padding:0.1rem;border-bottom: 0;}
#tianxietwo{float:left;width:2.5rem;text-align:right;color: #5f5f5f;}
#tianxiethree{ float:left;}
#tianxiethree input,#tianxiethree textarea{border:1px solid #a9a7a7}
#liuyanshenming{float:left;text-align:center;width: 100%;color: #5f5f5f;border-bottom: 0;}
#lytijiao {width: 60%;float:left;padding: 0.1rem 0;padding-left: 40%;border-bottom: 0;}
#lytijiao input{padding:0.08rem 0.4rem;border:0px;outline:0;background: #1d3e6f;color:#ffffff;font-weight:bold;border-radius: 0.05rem;}

/*左侧推荐*/
.qytj{float: left;width: 2.5rem;background:#ffffff;margin-top: 0.2rem;}
.qytj .nav19 {width: 100%;float: left;border-bottom: 1px solid #ededed;position: relative;font-size: 0.2rem;font-weight: bold;color: #fff;height: 0.4rem;line-height: 0.4rem;background: #1d3e6f;text-align: center;padding: 0.1rem 0;}
.qytj .nav19 li{float:left;font-size: 0.16rem;cursor: pointer;width: 50%;}
.qytj .nav19 .tab01{background:#fff;color: #1d3e6f;border: 2px solid #1d3e6f;width: calc(50% - 4px);height: calc(0.4rem - 4px);}
.qytj .com19{float:left;width: 2.5rem;/* background: #f6f6f6; */}
.qytj .com19 li{float:left;width: 2.3rem;height: 0.25rem;line-height: 0.25rem;margin-top: 0.1rem;border-bottom: 1px dashed #ccc;padding: 0 0.1rem;position: relative;}
.qytj .com19 li i{ background:#f2f2f2; width:0.2rem; height:0.2rem; text-align:center; float:left; font-style:normal; color:#333333}
.qytj .com19 li .nom1{ background:#0a8ce2; color:#fff}
.qytj .com19 li .nom2{ background:#e92938; color:#fff}
.qytj .com19 li .nom3{ background:#f55966; color:#fff}
.qytj .com19 li span{ display:none;}
.qytj .com19 li p{float:left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height: 0.25rem;line-height: 0.25rem;width: 100%;}
.qytj .com19 .cur{float:left;width: 2.3rem;height: 0.85rem;line-height:0.2rem;margin-top: 0.1rem;background: #f6f6f6;}
.qytj .com19 .cur span{margin-top: 0.1rem;position:relative;display:block;float:left;height: 0.4rem;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 0.14rem;color: #333;padding-left: 0;line-height: 0.2rem;}
.qytj .com19 .cur span img{ position:absolute; left:0; right:0; top:0; bottom:0; max-height:0.5rem; max-width:0.5rem; margin:auto}
.qytj .com19 .cur p{float:left;width: 100%;margin-top: 0.1rem;line-height:0.2rem;font-size: 0.16rem;font-weight:bold;height: 0.2rem;color: #333;}
.qytj .com19[type="1"] .cur{background:#fff;height:0.25rem;line-height:0.25rem;}
.qytj .com19[type="1"] .cur p{height: 0.25rem;line-height: 0.25rem;width: 100%;margin: 0;}
/*底部推荐*/
.tjxx{width: 9rem;float: right;margin:0.2rem 0;border: 1px solid #ededed;}
.zxtj{float: left;width: 100%;background:#ffffff;margin-bottom: 0.2rem;}
.zxtj .nav19 {width: 8.7rem;float: left;border-bottom: 1px solid #ededed;position: relative;font-size: 0.2rem;color: #333;height: 0.4rem;line-height: 0.4rem;padding-left:0.1rem;margin: 0 0.1rem 0.1rem;}
.zxtj .nav19:before{content:"";width: 0.03rem;height:0.2rem;background: #1d3e6f;position:absolute;left:0;top:0.1rem;}
.zxtj .nav19 li{float:left;font-size: 0.16rem;cursor: pointer;width: 50%;}
.zxtj .nav19 .tab01{background:#fff;color: #009946;border: 2px solid #009946;width: calc(50% - 4px);height: calc(0.4rem - 4px);}
.zxtj .com19{float:left;}
.zxtj .com19 li{float:left;width: 4.15rem;height: 0.3rem;line-height: 0.3rem;margin: 0 0.1rem;border-bottom: 1px dashed #ccc;padding:0;position: relative;}
.zxtj .com19 li i{ background:#f2f2f2; width:0.2rem; height:0.2rem; text-align:center; float:left; font-style:normal; color:#333333}
.zxtj .com19 li .nom1{ background:#0a8ce2; color:#fff}
.zxtj .com19 li .nom2{ background:#e92938; color:#fff}
.zxtj .com19 li .nom3{ background:#f55966; color:#fff}
.zxtj .com19 li span{ display:none;}
.zxtj .com19 li p{float:left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height: 0.25rem;line-height: 0.25rem;width: 100%;}
.zxtj .com19 .cur{float:left;height: 0.85rem;line-height:0.2rem;margin-top: 0.1rem;background: #f6f6f6;}
.zxtj .com19 .cur span{margin-top: 0.1rem;position:relative;display:block;float:left;height: 0.4rem;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.zxtj .com19 .cur span img{ position:absolute; left:0; right:0; top:0; bottom:0; max-height:0.5rem; max-width:0.5rem; margin:auto}
.zxtj .com19 .cur p{float:left;width: 100%;margin-top: 0.1rem;line-height:0.2rem;font-size: 0.16rem;font-weight:bold;height: 0.2rem;color: #333;}
.zxtj .com19[type="1"] .cur{height: 0.3rem;line-height: 0.3rem;background:#fff;margin-top: 0;}
.zxtj .com19[type="1"] .cur p{height: 0.3rem;line-height: 0.3rem;margin-top:0;}
/*底部产品推荐*/
.cptjT{ float:left; background:url(../pic/4sbj.png) 50% 0 no-repeat; width:12rem; text-align:center;font-size: 0.3rem; height: 0.5rem; color: #eb3d00;font-weight: bold; margin-top:0.4rem;}
.topCon_2 {float:left;width:12rem;height: 2.4rem;padding:0px 0 0 0;border-top:0;overflow:hidden;padding:0.15rem 0px 0px 0px;}
.topCon_2 .li01{border:1px #ededed solid; padding:0.04rem; float:left; width:2.1rem; height:2rem; font-size:0px; position:relative;overflow: hidden}
.topCon_2 .li01 img{ margin: auto;left: 0; right: 0; top: 0; bottom: 0;position: absolute;border-radius: 0.1rem;}
.topCon_2 .li02{float:left; width:2.2rem; text-align:center;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden; line-height:0.3rem;}
.topCon_2 ul{float:left;width:2.2rem;height:2.5rem;padding:0px 0.1rem 0px 0.1rem;background:#ffffff;}

.foot3{width: 100%;float: left;background: #333333;text-align:center;padding:0.1rem 0;}